<template>
  <div class="place">
    <div class="image-lay">

      <el-carousel height="80vh" :interval="3000" arrow="always">
        <el-carousel-item v-for="(item, index) in imglist" :key="index">
          <img style="width: 100%;height: 80vh;" :src="item.fileUrl" alt="" />
        </el-carousel-item>
      </el-carousel>

    </div>









  </div>
</template>

<script>
import {
  listPapers,

} from "@/api/system/license";

export default {
  data() {
    return {
      imglist: [],
    };
  },

  methods: {


    async companyPaperspopthon() {
      let res = await listPapers({
      });

      this.imglist = res.rows;
    },

  },

  mounted() {
    this.companyPaperspopthon();

  },
};
</script>

<style lang="scss" scoped>

.el-carousel--horizontal {
  width: 100%;
  padding: 0px 250px 10px 250px; 
}
::v-deep .el-carousel__arrow {
  background-color: #7b7d7e;
}
.place {
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative;

  .image-lay {
    width: 100%;
    height: 100%;
   display: flex;
     justify-content: center;
     align-items: center;

  
  }


  .map_rigt {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border: 1px solid #cccccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    padding: 40px 20px 20px 20px;

    .title {
      font-size: 30px;
      font-weight: 600;
      font-family: "微软雅黑";
      color: rgb(51, 51, 51);
      letter-spacing: 0px;
      margin-bottom: 30px;
    }

    .ptitle {
      width: 100%;
      font-size: 20px;
      line-height: 50px;
      word-wrap: break-word;
      white-space: pre-wrap;
    }

    .img_yy {
      .img_ty {
        .img_tyg {
          width: 100%;
        }
      }
    }

    .img_img {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;

      .img_ty {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 20px;

        .img_hm {
          width: 100%;
        }
      }
    }

    .el-carousel--horizontal {
      width: 100%;
    }

    .el-carousel__item h3 {
      width: 100%;
      color: #475669;
      font-size: 14px;
      opacity: 0.75;
      line-height: 200px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n + 1) {
      background-color: #d3dce6;
    }
  }
}

</style>
